#content {
	/*border: dotted;*/
	/*width: 75%;
	left: 17.5%;*/
	/*top: 100px;*/
	color: aliceblue;
	font-family: "楷体";
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 1500px;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.inner {
	/*border: double;*/
	color: #f5f6f8;
	margin: 20px 15%;
	text-align: left;
	/*padding: 500px;*/
	/*height: 10%;*/
}

.owername {
	color: #c4a3c4;
	font-style: italic;
	font-size: 40px
}

.owertext {
	/*color: #cbd4e2;*/
	font-size: 20px;
	line-height: 30px
}

.comment {
	line-height: 20px;
	align-content: center;
}

.comName {
	color: #c4a3c4;
	font-style: italic;
	font-size: 20px;
}

.comT {
	color: #61b7dc;
	font-style: italic;
}

.comT:hover {
	color: #7FFF00;
}

#content::-webkit-scrollbar {
	display: none;
}

#form {
	position: absolute;
	top: ;
}

#write {
	/*background: gold;*/
	position: absolute;
	width: 100%;
	top: 40%;
	z-index: 3;
 	margin: 0;
 	/*padding: 0;*/

}

textarea {
	width: 80%;
	height: 10%;
	font-size:30px;
	color: red;
	overflow: hidden;
}
button{
	font-size: 30px;
}

.comPic{
	width:30px;
}

#exit{
	position: absolute;
	left: 90%;
 	top: 85%;
 	z-index: 3;
}

#add{
	/* z-index: ; */
	position: absolute;
	width: 100px;
	left: 450px;
	top: 70px;
	transform: rotate(0) scale(0.5);
	transition: top 1s, left 1s, transform 1.5s;
}

.time{
	color: darkgray;
	padding: 20px;
}
